<template>
  <div id="empty" class="component-wrap">
    <div class="empty">
      <img :src="emptyMsg.imgUrl" />
      <p>{{emptyMsg.msg}}</p>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: "Empty",
    props: ["emptyMsg"]
  }
</script>

<style scoped>
  #empty .empty {
    width: 100%;
    overflow: hidden;
  }
  #empty .empty img {
    display: block;
    width: 100%;
    margin: 10rem auto 2rem;
  }
  #empty .empty p {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: #999999;
  }
</style>
